<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="./img/tx.jpg" type="image/x-icon">
    <title>知否</title>
    <link rel="stylesheet" type="text/css" href="css/navfooter.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="css/wow.css" />
</head>

<body>
    <!-- 导航 -->
    <div class="header">
        <div class="container">
            <div class="row">
                <nav class="navbar navbar-default " role="navigation">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				              <span class="sr-only">切换导航</span>
				              <span class="icon-bar"></span>
				              <span class="icon-bar"></span>
				              <span class="icon-bar"></span>
				          </button>
                            <a class="navbar-brand logo wow fadeInDown" href="index.html">知否</a>
                        </div>
                        <div class="collapse navbar-collapse" id="example-navbar-collapse">
                            <ul class="nav navbar-nav navbar-right">
								<li class="navbox wow fadeInDown"><a href="test.html" class="wow fadeInDown" data-wow-delay="0ms" >WEB前端</a></li>
								<li><a href="php.html" class="wow fadeInDown" data-wow-delay="100ms" >WEB后端</a></li>
								<li><a href="#" class="wow fadeInDown" data-wow-delay="200ms" >网络工程师</a></li>
								<li><a href="./wangpan/index.html" class="wow fadeInDown" data-wow-delay="300ms" >视频教程</a></li>
								<li><a href="#" class="wow fadeInDown" data-wow-delay="400ms" >运维</a></li>
								<li><a href="http://p5pu4xl6zr1xv5bz.mikecrm.com/enyEbH1" class="wow fadeInDown" data-wow-delay="500ms" >联系我们</a></li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
	
	
	<!-- 轮播图 -->
	<div class="benna">
		<div id="myCarousel" class="carousel slide">
		    <!-- 轮播（Carousel）指标 -->
		   <!-- <ol class="carousel-indicators">
		        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		        <li data-target="#myCarousel" data-slide-to="1"></li>
		        <li data-target="#myCarousel" data-slide-to="2"></li>
		    </ol>  --> 
		    <!-- 轮播（Carousel）项目 -->
		    <div class="carousel-inner">
		        <div class="item active">
		            <img src="./img/img.png " alt="First slide ">
		        </div>
		        <div class="item">
		            <img src="./img/img.png " alt="First slide ">
		        </div>
		        <div class="item">
		            <img src="./img/img.png " alt="First slide ">
		        </div>
		    </div>
		    <!-- 轮播（Carousel）导航 -->
		    <!-- <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		        <span class="sr-only">Previous</span>
		    </a>
		    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		        <span class="sr-only">Next</span>
		    </a> -->
		</div>
	</div>

    <!-- 内容 -->
    <div class="main ">
        <!-- 左边 -->
        <div class="col-lg-3 col-md-3 ">
            <div class="main-left ">
                <div class="left-img ">
                    <img src="./img/logo.jpg " class="center-block wow fadeInDown ">
                    <div class="left-font wow fadeInDown ">
                        <p>Topmost</p>
                        <p class="font">一个专注技术教程的订阅站</p>
                        <div class="left-icon ">
                            <a href="index.html"><span class="glyphicon glyphicon-home "></span></a>
                            <a href="https://weibo.com/u/3289619551"><span class="glyphicon glyphicon-user "></span></a>
                            <a href="https://free.3v.do/gbook/index.asp?username=fxl"><span class="glyphicon glyphicon-envelope "></span></a>
                        </div>
                    </div>
                </div>
            </div>
			
			
			
            <div class="left-button ">
                <!-- <p style="text-align: center;font-size: 20px; line-height: 35px;color: #8f8787;font-weight: bold; ">目录</p> -->
                <ul class="wow fadeInLeft "> 
                    <a href="./page/HTML.html ">
                        <li>HTML</li>
                    </a>
					<a href="./page/css.html ">
					    <li>CSS</li>
					</a>
                    <a href="./page/Javascript.html" >
                        <li>JavaScript</li>
                    </a>
                    <a href="./page/ES6.html" >
                        <li>ECMAScript6</li>
                    </a>
					<a href="./page/TypeScript.html" >
					    <li>TypeScript</li>
					</a>
                    <a href="./page/Git.html">
                        <li>git</li>
                    </a>
                    <a href="# ">
                        <li>React.js</li>
                    </a>
                    <a href="./page/vue.html">
                        <li>Vue.js</li>
                    </a>
                    <a href="# ">
                        <li>node.js</li>
                    </a>
                    <a href="./page/xiaochengxu.html" >
                        <li>小程序开发</li>
                    </a>
                    <a href="# " >
                        <li>公众号开发</li>
                    </a>
                </ul>
            </div>
        </div>
        <!-- 中间 -->
        <div class="col-lg-6 col-md-6 ">
            <div class="main-benna ">
				<div class="center-img">
					<div id="myCarousel " class="carousel slide ">
					    <!-- 轮播（Carousel）指标 -->
					    <!-- <ol class="carousel-indicators ">
					        <li data-target="#myCarousel " data-slide-to="0 " class="active "></li>
					        <li data-target="#myCarousel " data-slide-to="1 "></li>
					        <li data-target="#myCarousel " data-slide-to="2 "></li>
					    </ol> -->
					    <!-- 轮播（Carousel）项目 -->
					    <div class="carousel-inner wow pulse ">
					        <div class="item active ">
					            <img src="./img/img.png " alt="First slide ">
					        </div>
					        <div class="item ">
					            <img src="./img/img.png " alt="First slide ">
					        </div>
					        <div class="item ">
					            <img src="./img/img.png " alt="First slide ">
					        </div>
					    </div>
					    <!-- 轮播（Carousel）导航 -->
					   <!-- <a class="left carousel-control " href="#myCarousel " role="button " data-slide="prev ">
					        <span class="glyphicon glyphicon-chevron-left " aria-hidden="true "></span>
					        <span class="sr-only ">Previous</span>
					    </a> -->
					   <!-- <a class="right carousel-control " href="#myCarousel " role="button " data-slide="next ">
					        <span class="glyphicon glyphicon-chevron-right " aria-hidden="true "></span>
					        <span class="sr-only ">Next</span>
					    </a> -->
					</div>
				</div>
                

                <div class="top-nav glyphicon glyphicon-link ">导航链接</div>
                <div class="main-nav wow fadeInDown ">
                    <a href="./demo.html ">
                        <div class="wow fadeInDown " data-wow-delay="0ms ">前端报错总结</div>
                    </a>
                    <a href="./page/JavaScript1.html">
                        <div class="wow fadeInDown " data-wow-delay="0ms ">JavaScript文档</div>
                    </a>
					<a href="https://zh.javascript.info/">
					    <div class="wow fadeInDown " data-wow-delay="0ms ">JavaScript教程</div>
					</a>
                    <a href="https://blog.csdn.net/wuyxinu/article/details/103669718 ">
                        <div class="wow fadeInDown " data-wow-delay="0ms ">JQuery 入门</div>
                    </a>
                    <a href="https://blog.csdn.net/wuyxinu/article/details/103965753 ">
                        <div class="wow fadeInDown " data-wow-delay="0ms ">Vue 知识点汇总</div>
                    </a>
                    <a href="./page/node.html">
                        <div class="wow fadeInDown " data-wow-delay="0ms ">Node环境搭建</div>
                    </a>
                    <a href="./page/buju.html">
                        <div class="wow fadeInDown " data-wow-delay="0ms ">页面布局</div>
                    </a>
					<a href="./page/Flex.html">
					    <div class="wow fadeInDown " data-wow-delay="0ms ">Flex 布局教程</div>
					</a>
                </div>
            </div>
        </div>
        <!-- 右边 -->
        <div class="col-lg-3 col-md-3 ">
            <div class="main-right ">
                <div class="right-top ">
                    <div class="right-img wow fadeInRight ">
                        <img src="./img/img.jpg " class="center-block ">
                    </div>
                    <div class="right-font wow fadeInRight ">
                        关注微信公众号
                    </div>
                    <div class="list-font wow fadeInRight ">
                        <p>→「技术干货」每日推送</p>
                        <p>→「免费资料」随时领取</p>
                        <p>→「更多文章」等你来看</p>
                    </div>
                    <div class="right-boot wow fadeInRight ">
                        <p>扫描上方二维码</p>
                    </div>
                </div>
            </div>
            <div class="main-label ">
                <div class="glyphicon glyphicon-paperclip ">标签</div>
                <div class="center-label wow fadeInDown ">
                    <span><a href="https://cn.vuejs.org/ ">vue.js</a></span>
                    <span><a href="https://www.bootcss.com/ ">bootstrap</a></span>
                    <span><a href="http://nodejs.cn/ ">node.js</a></span>
                    <span><a href="https://www.runoob.com/ ">菜鸟教程</a></span>
                    <span><a href="https://www.swiper.com.cn/ ">Swiper</a></span>
                    <span><a href="https://element.eleme.cn/#/zh-CN ">Element</a></span>
                    <span><a href="https://youzan.github.io/vant/#/zh-CN/ ">Vant</a></span>
					<span><a href="http://www.zzfriend.com/ ">蚂蚁开源</a></span>
					<span><a href="https://jquery.cuishifeng.cn/ ">jquery AIP</a></span>
					
					
                </div>
                <div class="center-label wow fadeInDown ">
                    <span><a href="https://gitee.com/ ">gitee</a></span>
                    <span><a href="https://www.w3school.com.cn/ ">W3School</a></span>
                    <span><a href="https://www.layuion.com/ ">layui </a></span>
                    <span><a href="http://css.doyoe.com/ ">css参考手册</a></span>
					<span><a href="https://echarts.apache.org/zh/index.html">ECharts</a></span>
					<span><a href="https://www.jquery123.com/">jquery AIP中文网</a></span>
                </div>
                <div class="center-label wow fadeInDown ">
                    <span><a href="https://www.php.cn/ ">PHP中文网</a></span>
                    <span><a href="https://www.17sucai.com/ ">17素材网</a></span>
                    <span><a href="https://www.lintcode.com/ ">LintCode</a></span>
                    <span><a href="https://www.code-nav.cn/ ">编程导航</a></span>
                </div>
                <div class="center-label wow fadeInDown ">
                    <span><a href="https://github.com/ ">github</a></span>
                    <span><a href="http://shuxiangjia.cn/?cate=3 ">PDF电子书</a></span>
                    <span><a href="https://doc.houdunren.com/ ">后盾人</a></span>
                    <span><a href="https://www.lmonkey.com/ ">学习猿地</a></span>
                </div>
                <div class="center-label wow fadeInDown ">
                    <span><a href="https://www.linux.org/ ">Linux</a></span>
                    <span><a href="https://kuangyx.cn/ ">WEB技术</a></span>
                    <span><a href="https://www.bcnav.cn/ ">编程学习</a></span>
                    <span><a href="https://www.cnblogs.com/ ">博客园</a></span>
                </div>
				<div class="center-label wow fadeInDown ">
				    <span><a href="https://www.nowcoder.com/ ">牛客网</a></span>
				    <span><a href="https://www.csdn.net/ ">CSDN</a></span>
					<span><a href="http://topmost.gitee.io/web-document">WEB全栈体系</a></span>
				</div>
				<div class="center-label wow fadeInDown ">
				    <span><a href="https://www.shouce.ren ">手册网</a></span>
					<span><a href="https://www.jc2182.com/">蝴蝶编程</a></span>
					<span><a href="https://webjike.com/web.html#row-1">前端导航</a></span>
					<span><a href="https://www.yuque.com/cessstudy/kak11d">语雀</a></span>
					<span><a href="https://vitejs.cn/">Vite</a></span>
				</div>
				<div class="center-label wow fadeInDown ">
				    <span><a href="https://www.shouce.ren ">手册网</a></span>
					<span><a href="https://www.bookstack.cn/">书栈网</a></span>
					<span><a href="https://kuangyx.cn/">WEB技术</a></span>
					<span><a href="https://cdn.baomitu.com/">75CDN</a></span>
				</div>
				<div class="center-label wow fadeInDown ">
					<span><a href="https://www.coderutil.com/">程序盒子</a></span>
					<span><a href="https://developer.mozilla.org/zh-CN/docs/Web/API">javascript API</a></span>
					<span><a href="http://case.wdwangke.com/">案例</a></span>
					
				</div>
            </div>
        </div>
    </div>
    <div class="box "></div>

    <!-- 底部 -->
    <div class="footer ">
        <div class="footer-font wow fadeInDown ">
            <p>Copyright © 2021 - 2022 知否</p>
            <p>如有侵权请联系删除</p>
            <p>粤ICP备13202516号</p>
        </div>
        <div class="footer-ing wow fadeInDown ">
            <img src="./img/img.jpg " class="center-block ">
        </div>


    </div>
</body>
<script src="js/wow.js "></script>
<script src="js/jquery-1.11.1.min.js "></script>
<script src="bootstrap/js/bootstrap.js "></script>
<script src="./js/wows.js"></script>
<script>
    $('.carousel').carousel({
        interval: 2000
    })
</script>
<script>
    new WOW().init();
</script>


</html>